<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>首页</title>
  <link rel="stylesheet" href="../../css/dist/src/index/index1.css">

</head>

<body>
  <iframe class="iframe_top" src="../components/header-left.html" frameborder="0"></iframe>
  <div class="mask_box"></div>
  <span class="conter_major">首页</span>


  <div class="page_banner"></div>


  <!-- 列表导航 -->
  <ul class="list_nav">
    <li class="list_nav_item">
      <a href="./index5.html">
        <img src="../../img/home/icon1.png"
          srcset="../../img/home/icon1.png 1x, ../../img/home/icon1@2x.png 2x, ../../img/home/icon1@3x.png 3x" alt="" />
        <p>找攻略</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="./index4.html">
        <img src="../../img/home/icon2.png"
        srcset="../../img/home/icon2.png 1x, ../../img/home/icon2@2x.png 2x, ../../img/home/icon2@3x.png 3x" alt="" />
        <p>订酒店</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="#">
        <img src="../../img/home/icon3.png"
          srcset="../../img/home/icon3.png 1x, ../../img/home/icon3@2x.png 2x, ../../img/home/icon3@3x.png 3x" alt="" />

        <p>机+酒</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="./index6.html">
        <img src="../../img/home/icon4.png"
          srcset="../../img/home/icon4.png 1x, ../../img/home/icon4@2x.png 2x, ../../img/home/icon4@3x.png 3x" alt="" />
        <p>当地游</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="./index7.html">
        <img src="../../img/home/icon5.png" alt="">

        <p>看游记</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="./index3.html">
        <img src="../../img/home/icon6.png"
          srcset="../../img/home/icon6.png 1x, ../../img/home/icon6@2x.png 2x, ../../img/home/icon6@3x.png 3x" alt="" />

        <p>万千直播</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="./index2.html">
        <img src="../../img/home/icon7.png"
          srcset="../../img/home/icon7.png 1x, ../../img/home/icon7@2x.png 2x, ../../img/home/icon7@3x.png 3x" alt="" />
        <p>问达人</p>
      </a>

    </li>
    <li class="list_nav_item">
      <a href="index8.html">
        <img src="../../img/home/icon8.png"
          srcset="../../img/home/icon8.png 1x, ../../img/home/icon8@2x.png 2x, ../../img/home/icon8@3x.png 3x" alt="" />
        <p>办签证</p>
      </a>

    </li>

  </ul>

  <!-- 小千推荐 -->

  <div class="pub_title">
    <span>小千推荐</span>
  </div>


  <div class="image">
    <div class="image_banner">
      <div class="image_banner_img">
        <img src="../../img/home/man1.png" alt="">
        <p>单先生<span>在徐州</span></p>
      </div>
    </div>
    <div class="image_text">
      <span>始于寻香,却使人怀念---及小长假12天<br />行走记</span>
    </div>
  </div>


  <div class="img_list">
    <div class="img_list_item">
      <img src="../../img/home/img1.png" alt="">
      <p>外国攻略</p>
    </div>
    <div class="img_list_item">
      <img src="../../img/home/img2.png" alt="">

      <p>附近好玩</p>
    </div>
    <div class="img_list_item">
      <img src="../../img/home/img3.png" alt="">

      <p>免费潮玩</p>
    </div>
    <div class="img_list_item">
      <img src="../../img/home/img4.png" alt="">
      <p>主题庄园</p>

    </div>
  </div>


  <div class="pub_title">
    <span>周末推荐</span>
  </div>

  <div class="banner"></div>

  <div class="text">
    <div class="text_title">
      <p>多肉微景观,一起和春天的约会吧</p>
      <span>￥10起</span>
    </div>
    <div class="text_image">
      <img src="../../img/home/dingwei.png" alt="">
      <span>长楹天街三层 · 28.49KM</span>
      <img src="../../img/home/timer.png" alt="">

      <span>进行中</span>
    </div>
    <div class="line"></div>
  </div>

  <div class="footer_banner"></div>


  <iframe class="iframe_bottom" src="../../html/components/bottom-bar.html" frameborder="0"></iframe>











  <script src="../../js/index.js"></script>

</body>

</html>